<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/common.css" />
<title>无标题文档</title>
<style type="text/css">
button{ border:none; padding:0; margin:0;}
input{ border:none; margin:0; padding:0;}
.all_page{ width:100%; background-color:#d2e9f9; height:100%;}
.top{ width:100%; height:30px; background-color:#c8c8c8;}
img{ float:left; margin:3px 8px 3px 10px;}
.p1{ font-size:14px; color:#fff; line-height:30px; float:left;}
#but1{ width:16px; height:16px; font-size:16px; background-color:red; color:#fff;  line-height:15px; margin-right:15px; float:right; margin-top:9px; text-align:center;}
#but2{ width:16px; height:16px; font-size:16px; background-color:#000; color:#fff;  line-height:15px; margin-right:7px; float:right; margin-top:9px; text-align:center;}

.banner{ width:100%; padding:0px 20px; position:relative;}
#but3,#but33{ width:84px; height:15px; font-size:14px; color:#fff; background-color:#036fba; line-height:15px; text-align:center; position:absolute; top:-15px; }
#but3{left:20px;}
#but33{left:214px;}
#but4{ width:110px; height:18px; font-size:14px; color:#fff; background-color:#025995; line-height:15px; text-align:center; position:absolute; top:-18px; left:104px;}
.section{ width:99%; height:502px; border:2px #c8c8c8 solid; padding-top:14px; padding-left:8px; margin-top:30px;}
.line1{ margin:0 auto;}
.sp1{ margin-left:180px;}
.sp1,.sp2,#text1,#text2{ color:#000; font-size:14px;}
.sp2{ margin-left:73px;}#text1{ width:180px; height:20px;}#text2{ width:107px; height:20px;}
#but5{ width:64px; height:20px; font-size:14px; color:#fff; background-color:#c8c8c8; text-align:center; line-height:20px; margin-left:101px;}
.line2{ margin:10px 0px;}
#but6,#but7,#but8{ width:52px; height:20px; background-color:#c8c8c8; color:#fff; font-size:14px; text-align:center; line-height:20px;}
#but6{ margin-left:420px;}
#but7,#but8{ margin-left:127px;}

.section2{ width:950px; height:424px; background-color:#fff; border:1px #7b7a7a solid; margin-left:180px;}
.ul1,.ul2,.ul3{ width:950px; height:20px; border-bottom:1px #c8c8c8 solid;}
.li1,.li2,.li3{ width:112px; height:19px; border-left:1px #c8c8c8 solid; font-size:12px; float:left; padding-top:4px;}
.li1{ background-color:#ece9d8;} .li11{ background-color:#ece9d8;}
.li0{ width:64px; height:19px; background-color:#ece9d8; float:left;}
.li00{ width:100px; height:19px;border-left:1px #c8c8c8 solid;float:left; padding-top:4px;}

.footer{ width:100%; height:65px; background-color:#fff;}
#but9,#but10{ width:80px; height:22px; background-color:#d2e9f9; font-size:14px; text-align:center; line-height:22px;}
#but9{ margin-left:400px;margin-top:20px;}
#but10{margin-left:150px;margin-top:20px;}
#but0{ width:65px; height:22px; background-color:#d2e9f9;font-size:14px; text-align:center; line-height:22px; margin-top:20px;margin-left:150px;}
</style>
</head>

<body>
<div class="all_page">
   <div class="top">
      <img src="img/aa.png" width="24" height="24" />
      <span class="p1">查看处理记录</span>
      <button id="but1">X</button>
      <button id="but2">-</button>
   </div>
   <div class="banner">
      <button id="but3">按户号查询</button>
      <button id="but4">按身份证号查询</button>
      <button id="but33">按地址查询</button>
      <div class="section">
         <div class="line1"><br />
           <span class="sp1">请输入身份证号：</span>
           <input type="text" id="text1" />
           <span class="sp2">姓名：</span>
           <input type="text" id="text2" />
           <button id="but5">查询</button>
         </div><br /><br />
         <!--<div class="line2">
           <button id="but6">待审核</button>
           <button id="but7">已通过</button>
           <button id="but8">未通过</button>
         </div>-->
         <div class="section2">
            <ul class="ul1">
                <li class="li0"></li>
                <li class="li1">身份证号</li>
                <li class="li1">姓名</li>
                <li class="li1">曾用名</li>
                <li class="li1">户号</li>
                <li class="li1">户员类型</li>
                <li class="li1">与户主关系</li>
                <li class="li1">性别</li>
                <li class="li00 li11">民族</li>
            </ul>
            <ul class="ul2">
                <li class="li0"><img src="img/ab.png" /></li>
                <li class="li2">1304561982...</li>
                <li class="li2">张三</li>
                <li class="li2"></li>
                <li class="li2">10101</li>
                <li class="li2">务农</li>
                <li class="li2">户主</li>
                <li class="li2">男</li>
                <li class="li00">汉族</li>
            </ul>
            <ul class="ul3">
                <li class="li0"></li>
                <li class="li3"></li>
                <li class="li3"></li>
                <li class="li3"></li>
                <li class="li3"></li>
                <li class="li3"></li>
                <li class="li3"></li>
                <li class="li3"></li>
                <li class="li00"></li>
            </ul>
         </div>
      </div>
   </div>
   <div class="footer">
      <button id="but9">导出EXCEL</button>
      <button id="but10">查询</button>
      <button id="but0">详细情况</button>
   </div>
</div>
</body>
</html>
